<template>
  <div>
    <div>评论管理</div>
    <el-table
      :data="tableData" border style="width: 100%;">
      <el-table-column prop="commitContent" label="评论内容" width="180px">
      </el-table-column>
      <el-table-column prop="commitDate" label="评论时间" >
      </el-table-column>
      <el-table-column prop="commiterNickName" label="评论人昵称" >
      </el-table-column>
      <el-table-column prop="commitEmail" label="评论人邮箱" >
      </el-table-column>
      <el-table-column prop="commitState" label="状态">
      </el-table-column>
      <el-table-column prop="replyContent" label="回复内容" >
      </el-table-column>
      <el-table-column label="操作" width="300px">
        <el-button type="primary">回复</el-button>
        <el-button type="danger">删除</el-button>
        <el-button type="warning">审核通过</el-button>
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  name: 'CommitView',
  data () {
    return {
      tableData: [
        {
          commitContent: '文章的观点很有启发性，让我思考了很多。',
          commitDate: '2024-07-02 14:23:00',
          commiterNickName: '思考者',
          commiterEmail: 'thinker@example.com',
          commitState: '待审核',
          replyContent: '感谢您的深刻见解，很高兴文章能给您带来启发。'
        },
        {
          commitContent: '文章中的某些论据我不太同意，我认为还可以从另一个角度来看。',
          commitDate: '2024-07-01 08:45:00',
          commiterNickName: '批判者',
          commiterEmail: 'critic@example.com',
          commitState: '已审核',
          replyContent: '感谢您的不同声音，欢迎提供更多的观点以丰富讨论。'
        },
        {
          commitContent: '文章写得很好，信息量很大，值得一读再读。',
          commitDate: '2024-06-30 20:15:00',
          commiterNickName: '读者1号',
          commiterEmail: 'reader1@example.com',
          commitState: '未通过',
          replyContent: '感谢您的认可，我们会继续努力提供高质量的内容。'
        }
      ]
    }
  }
}
</script>
